<template>
    <div>
        <el-header style="font-size: 20px;position: relative;left: -20px;top: 20px">
            <i class="el-icon-user"></i>/{{rowss.typeName}}
        </el-header>
        <div class="message">
            <div style="padding: 10px" class="grid-content bg-purple"><span>案号:</span><br>{{caselaw.caseNo}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>案由:</span><br>{{caselaw.caseCause}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>委托人/当事人:</span><br>{{caselaw.caseWtr}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>对方当事人:</span><br>{{caselaw.caseOppositeParties}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>诉讼阶段:</span><br>{{caselaw.caseStatus}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>诉讼:</span><br></div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>受理部门:</span><br>{{caselaw.caseAccept}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>代理费:</span><br>{{caselaw.caseAgencyfee}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>已收费金额:</span><br>{{caselaw.casePaidsal}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>已开票额:</span><br>{{caselaw.caseInvoiced}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>收费方式:</span><br>{{caselaw.caseChargeWay}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>收案审批状态:</span><br>{{caselaw.caseApproveStatus == 1 ? '审批中':(caselaw.caseApproveStatus  == 2?'审批不通过':'审批通过' )}}</div>
            <div style="padding: 10px" class="grid-content bg-purple"><span>备注:</span><br>{{caselaw.caseRemarks}}</div>
        </div>
    </div>
</template>

<script>
    import CaseLawService from "../../../model/gs/CaseLawService";
    const caseLawService = CaseLawService.getInstance()

    export default {
        props:['rows'],
        name: "CaseLawDetails",
        data(){
            return{
                rowss:this.rows,
                caselaw:{}
            }
        },
        methods:{
            list(){
                caseLawService.getById(this.rowss.caseid).then(response=>{
                    this.caselaw = response.data.data
                })
            },
        },
        created() {
            this.list();
        },
        watch:{
            rows:function () {
                this.rowss=this.rows;
                this.list();
            }
        }

    }
</script>

<style scoped>
    .message{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .bg-purple {
        background: #FFFFFF;
        border: 1px solid   darkgray;
        width: 23.5%;
        height: 50px;
    }
</style>
